<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>index_canvas</title>
    <link rel="stylesheet" href="../webexcel.css">
    <link rel="stylesheet" href="../../../themes/rs-default/easyui.css"/>
    <link rel="stylesheet" href="../../jeasyui.extensions.css">
    <link rel="stylesheet" href="../../../icons/icon-all.min.css">
    <script src="../../../../jquery/jquery-1.10.2.min.js"></script>
    <script src="../../../jquery.easyui.min.js"></script>
    <script src="../../../../jtools/jquery.tool.js"></script>
    <script src="../../jeasyui.extensions.js"></script>
    <script src="../../jeasyui.extensions.menu.js"></script>
    <script src="../webexcel.js"></script>
    <script src="../webexcel-tool.js"></script>
    <script src="../webexcel-cell.js"></script>
    <script src="../webexcel-row.js"></script>
    <script src="../webexcel-col.js"></script>
    <script src="../webexcel-handler.js"></script>

    <script src="../flexi-color-picker/colorpicker.min.js"></script>
    <link rel="stylesheet" type="text/css" href="../flexi-color-picker/themes.css"/>
    <script>
        $(function () {
            var webExcel = $('#webExcel').webexcel({
                colCount: 50,//默认列数
                rowCount: 50,//默认行数
                colWidth: 100,//默认列宽
                rowHeight: 22,//默认行高
                data: {
                    contentData: [//内容，二维数组
                        [
                            {
                                bgColor: 'green',
                                border: true,
                                text: '班级'
                            },
                            {
                                bgColor: 'green',
                                border: true,
                                text: '总人数'
                            },
                            {
                                bgColor: 'green',
                                border: true,
                                text: '平均分'
                            },
                            {
                                bgColor: 'green',
                                border: true,
                                text: '最高分'
                            }
                        ],
                        [
                            {border: true, text: '一班'},
                            {border: true, text: '11'},
                            {border: true, text: '11'},
                            {border: true, text: '11'}
                        ],
                        [
                            {border: true, text: '二班'},
                            {border: true, text: '1313'},
                            {border: true, text: '1313'},
                            {border: true, text: '1313'}
                        ]
                    ]
                }
            });

        });
    </script>
</head>

<body>
<div id="webExcel"></div>
</body>

</html>